<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        class Phone{
            // 构造方法
            constructor(brand,price){
                this.price = price
                this.brand = brand
            }

            // 父类的成员属性
            call(){
                console.log("我可以打电话");
            }
        }

        class SmartPhone extends Phone {
            // 构造方法
            constructor(brand,price,color,size){
                super(brand,price)  //Phone.call(this,brand,price)
                this.color = color
                this.size = size
            }

            photo(){
                console.log('拍照')
            }

            playGame(){
                console.log('玩游戏')
            }

            call(){
                console.log('我可以视频通话')
            }
        }

        const xiaomi = new SmartPhone('小米',3999,'白色','6.5inch')
        console.log(xiaomi)
        xiaomi.call()
        xiaomi.photo()
        xiaomi.playGame()
    </script>
</body>
</html>